<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <title></title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            overflow: hidden;
            background: radial-gradient(#e6e6e6 40%, #facbcd);
        }

        :root {
            --font-script: "Gochi Hand";
            --font-sans-serif: "Poppins", sans-serif;
        }

        body {
            background: linear-gradient(to bottom, #20202c 0%, #515175 100%);
            color: #ffffff;
            font-family: var(--font-sans-serif);
        }

        .font-sans-serif {
            font-family: var(--font-sans-serif);
            font-weight: 200;
            font-size: 0.75em;
        }

        .font-script {
            font-family: var(--font-script);
        }

        .header {
            position: relative;
            text-align: center;
            margin-bottom: 60px;
        }

        .newYear {
            font-family: var(--font-script);
            font-size: calc(2rem + 5vw);
            line-height: 1;
            letter-spacing: 0.02em;
            background: repeating-linear-gradient(45deg, #d80e13, #d80e13 10px, #ffffff 10px, #ffffff 20px);
            /* -webkit-background-clip: text; */
            -webkit-text-fill-color: transparent;
            text-shadow: 03px6pxrgba(0, 0, 0, 0.24), 02.8px2.2pxrgba(0, 0, 0, 0.034), 06.7px5.3pxrgba(0, 0, 0, 0.048), 012.5px10pxrgba(0, 0, 0, 0.06), 022.3px17.9pxrgba(0, 0, 0, 0.072), 041.8px33.4pxrgba(0, 0, 0, 0.086), 0100px80pxrgba(0, 0, 0, 0.12);
        }

        .title,
        .countdown {
            font-family: var(--font-sans-serif);
            text-transform: uppercase;
            font-weight: 200;
            letter-spacing: 0.4em;
            line-height: 1;
            margin: 1.5em 2em;
            padding: 0;
            font-size: 1.3rem;
            position: relative;
        }

        .title {
            font-size: 1rem;
        }

        .title:before,
        .title:after {
            content: " ***** ";
            font-size: 0.75rem;
            letter-spacing: 0.25em;
            color: #bad594;
        }

        .countdown {
            display: flex;
            gap: 0.35em;
            justify-content: center;
            max-width: 330px;
            margin: 0 auto;
        }

        .winter-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: none;
        }

        .snowflake {
            position: absolute;
            top: -2vh;
            font-size: 2rem;
            animation: fall linear infinite;
            opacity: 0.8;
        }

        .snowflake {
            position: absolute;
            z-index: 5;
            font-size: 10px;
            width: 2px;
            height: 2px;
            border-radius: 100%;
            background-color: #fff;
        }

        .snowflake._md {
            width: 3px;
            height: 3px;
        }

        .snowflake._lg {
            width: 5px;
            height: 5px;
        }

        .snowflake._sm-1 {
            left: -8vw;
            filter: blur(1px);
            animation: 24.2s fall -9.4s infinite;
        }

        .snowflake._sm-2 {
            left: 55vw;
            filter: blur(0px);
            animation: 14.6s fall -17.6s infinite;
        }

        .snowflake._sm-3 {
            left: 30vw;
            filter: blur(1px);
            animation: 11.6s fall -1.6s infinite;
        }

        .snowflake._sm-4 {
            left: 73vw;
            filter: blur(0px);
            animation: 24s fall -5s infinite;
        }

        .snowflake._sm-5 {
            left: -8vw;
            filter: blur(0px);
            animation: 13.4s fall -13.4s infinite;
        }

        .snowflake._sm-6 {
            left: 5vw;
            filter: blur(0px);
            animation: 17.2s fall -1.2s infinite;
        }

        .snowflake._sm-7 {
            left: 30vw;
            filter: blur(1px);
            animation: 26.2s fall -14.6s infinite;
        }

        .snowflake._sm-8 {
            left: 51vw;
            filter: blur(0px);
            animation: 27.8s fall -10.8s infinite;
        }

        .snowflake._sm-9 {
            left: 32vw;
            filter: blur(0px);
            animation: 11.6s fall -18.6s infinite;
        }

        .snowflake._sm-10 {
            left: 63vw;
            filter: blur(1px);
            animation: 26s fall -5.4s infinite;
        }

        .snowflake._sm-11 {
            left: 88vw;
            filter: blur(1px);
            animation: 17.2s fall -11.4s infinite;
        }

        .snowflake._sm-12 {
            left: 18vw;
            filter: blur(1px);
            animation: 28.8s fall -0.6s infinite;
        }

        .snowflake._sm-13 {
            left: 33vw;
            filter: blur(0px);
            animation: 24s fall -0.2s infinite;
        }

        .snowflake._sm-14 {
            left: 39vw;
            filter: blur(0px);
            animation: 25s fall -19.4s infinite;
        }

        .snowflake._sm-15 {
            left: 26vw;
            filter: blur(0px);
            animation: 22.8s fall -7.6s infinite;
        }

        .snowflake._sm-16 {
            left: 68vw;
            filter: blur(0px);
            animation: 26.2s fall -10.6s infinite;
        }

        .snowflake._sm-17 {
            left: 48vw;
            filter: blur(0px);
            animation: 12.2s fall -12.8s infinite;
        }

        .snowflake._sm-18 {
            left: 26vw;
            filter: blur(1px);
            animation: 14s fall -6.4s infinite;
        }

        .snowflake._sm-19 {
            left: 31vw;
            filter: blur(1px);
            animation: 26.8s fall -14.2s infinite;
        }

        .snowflake._sm-20 {
            left: 88vw;
            filter: blur(1px);
            animation: 20.4s fall -7.6s infinite;
        }

        .snowflake._sm-21 {
            left: 58vw;
            filter: blur(1px);
            animation: 20.8s fall -6.6s infinite;
        }

        .snowflake._sm-22 {
            left: 34vw;
            filter: blur(1px);
            animation: 28s fall -11s infinite;
        }

        .snowflake._sm-23 {
            left: 21vw;
            filter: blur(1px);
            animation: 12s fall -11s infinite;
        }

        .snowflake._sm-24 {
            left: 93vw;
            filter: blur(0px);
            animation: 22.6s fall -10.4s infinite;
        }

        .snowflake._sm-25 {
            left: 78vw;
            filter: blur(0px);
            animation: 19.4s fall -19.8s infinite;
        }

        .snowflake._sm-26 {
            left: -19vw;
            filter: blur(0px);
            animation: 17.2s fall -5.4s infinite;
        }

        .snowflake._sm-27 {
            left: 69vw;
            filter: blur(1px);
            animation: 23.6s fall -8.4s infinite;
        }

        .snowflake._sm-28 {
            left: 43vw;
            filter: blur(1px);
            animation: 18.8s fall -1.8s infinite;
        }

        .snowflake._sm-29 {
            left: 44vw;
            filter: blur(1px);
            animation: 25.4s fall -16.6s infinite;
        }

        .snowflake._sm-30 {
            left: 10vw;
            filter: blur(1px);
            animation: 24.6s fall -10.6s infinite;
        }

        .snowflake._sm-31 {
            left: 84vw;
            filter: blur(1px);
            animation: 14.4s fall -5.4s infinite;
        }

        .snowflake._sm-32 {
            left: 94vw;
            filter: blur(0px);
            animation: 29.8s fall -6.4s infinite;
        }

        .snowflake._sm-33 {
            left: 55vw;
            filter: blur(1px);
            animation: 23.4s fall -12.8s infinite;
        }

        .snowflake._sm-34 {
            left: 31vw;
            filter: blur(1px);
            animation: 10.6s fall -10.8s infinite;
        }

        .snowflake._sm-35 {
            left: 5vw;
            filter: blur(0px);
            animation: 10.4s fall -10.4s infinite;
        }

        .snowflake._sm-36 {
            left: 50vw;
            filter: blur(0px);
            animation: 18.2s fall -17.2s infinite;
        }

        .snowflake._sm-37 {
            left: 0vw;
            filter: blur(1px);
            animation: 30s fall -5.8s infinite;
        }

        .snowflake._sm-38 {
            left: 100vw;
            filter: blur(1px);
            animation: 15.4s fall -3.2s infinite;
        }

        .snowflake._sm-39 {
            left: 98vw;
            filter: blur(1px);
            animation: 11.6s fall -2.6s infinite;
        }

        .snowflake._sm-40 {
            left: 33vw;
            filter: blur(0px);
            animation: 26.2s fall -0.8s infinite;
        }

        .snowflake._sm-41 {
            left: 91vw;
            filter: blur(0px);
            animation: 14s fall -7s infinite;
        }

        .snowflake._sm-42 {
            left: 32vw;
            filter: blur(1px);
            animation: 12.2s fall -9.2s infinite;
        }

        .snowflake._sm-43 {
            left: 27vw;
            filter: blur(0px);
            animation: 17.6s fall -5.4s infinite;
        }

        .snowflake._sm-44 {
            left: 93vw;
            filter: blur(1px);
            animation: 16.8s fall -6.2s infinite;
        }

        .snowflake._sm-45 {
            left: -13vw;
            filter: blur(0px);
            animation: 29.2s fall -9s infinite;
        }

        .snowflake._sm-46 {
            left: 13vw;
            filter: blur(1px);
            animation: 29.2s fall -5.4s infinite;
        }

        .snowflake._sm-47 {
            left: 2vw;
            filter: blur(0px);
            animation: 16s fall -13.8s infinite;
        }

        .snowflake._sm-48 {
            left: 3vw;
            filter: blur(0px);
            animation: 17s fall -3.8s infinite;
        }

        .snowflake._sm-49 {
            left: -10vw;
            filter: blur(1px);
            animation: 13.2s fall -8.8s infinite;
        }

        .snowflake._sm-50 {
            left: -5vw;
            filter: blur(1px);
            animation: 22.4s fall -4.8s infinite;
        }

        .snowflake._sm-51 {
            left: -2vw;
            filter: blur(1px);
            animation: 18.2s fall -18.4s infinite;
        }

        .snowflake._sm-52 {
            left: -18vw;
            filter: blur(0px);
            animation: 12.8s fall -11.8s infinite;
        }

        .snowflake._sm-53 {
            left: 38vw;
            filter: blur(0px);
            animation: 13.8s fall -10.4s infinite;
        }

        .snowflake._sm-54 {
            left: 69vw;
            filter: blur(1px);
            animation: 21.6s fall -0.8s infinite;
        }

        .snowflake._sm-55 {
            left: 44vw;
            filter: blur(0px);
            animation: 21.8s fall -12s infinite;
        }

        .snowflake._sm-56 {
            left: 60vw;
            filter: blur(0px);
            animation: 22.8s fall -5s infinite;
        }

        .snowflake._sm-57 {
            left: -14vw;
            filter: blur(0px);
            animation: 18s fall -20s infinite;
        }

        .snowflake._sm-58 {
            left: 68vw;
            filter: blur(0px);
            animation: 14.2s fall -14.8s infinite;
        }

        .snowflake._sm-59 {
            left: 8vw;
            filter: blur(0px);
            animation: 11.6s fall -20s infinite;
        }

        .snowflake._sm-60 {
            left: 91vw;
            filter: blur(1px);
            animation: 16.4s fall -16.8s infinite;
        }

        .snowflake._sm-61 {
            left: 73vw;
            filter: blur(1px);
            animation: 22.8s fall -13.8s infinite;
        }

        .snowflake._sm-62 {
            left: 1vw;
            filter: blur(1px);
            animation: 19.8s fall -0.2s infinite;
        }

        .snowflake._sm-63 {
            left: 26vw;
            filter: blur(0px);
            animation: 14.8s fall -15s infinite;
        }

        .snowflake._sm-64 {
            left: -17vw;
            filter: blur(1px);
            animation: 12.2s fall -1.8s infinite;
        }

        .snowflake._sm-65 {
            left: 72vw;
            filter: blur(1px);
            animation: 28s fall -1.6s infinite;
        }

        .snowflake._sm-66 {
            left: 76vw;
            filter: blur(0px);
            animation: 16.8s fall -19s infinite;
        }

        .snowflake._sm-67 {
            left: 39vw;
            filter: blur(1px);
            animation: 12s fall -17.8s infinite;
        }

        .snowflake._sm-68 {
            left: 24vw;
            filter: blur(0px);
            animation: 10.8s fall -2s infinite;
        }

        .snowflake._sm-69 {
            left: 34vw;
            filter: blur(1px);
            animation: 22.8s fall -9s infinite;
        }

        .snowflake._sm-70 {
            left: 63vw;
            filter: blur(1px);
            animation: 12.6s fall -13.6s infinite;
        }

        .snowflake._sm-71 {
            left: 65vw;
            filter: blur(1px);
            animation: 17.8s fall -5.2s infinite;
        }

        .snowflake._sm-72 {
            left: -16vw;
            filter: blur(1px);
            animation: 17.2s fall -16.6s infinite;
        }

        .snowflake._sm-73 {
            left: -19vw;
            filter: blur(0px);
            animation: 27.8s fall -6.2s infinite;
        }

        .snowflake._sm-74 {
            left: -17vw;
            filter: blur(0px);
            animation: 12.4s fall -7.2s infinite;
        }

        .snowflake._sm-75 {
            left: 46vw;
            filter: blur(1px);
            animation: 19s fall -12s infinite;
        }

        .snowflake._sm-76 {
            left: -13vw;
            filter: blur(1px);
            animation: 28.6s fall -19s infinite;
        }

        .snowflake._sm-77 {
            left: 91vw;
            filter: blur(0px);
            animation: 22.8s fall -1.2s infinite;
        }

        .snowflake._sm-78 {
            left: 62vw;
            filter: blur(0px);
            animation: 11.2s fall -5.6s infinite;
        }

        .snowflake._sm-79 {
            left: 76vw;
            filter: blur(0px);
            animation: 28.4s fall -12.6s infinite;
        }

        .snowflake._sm-80 {
            left: 84vw;
            filter: blur(1px);
            animation: 19.2s fall -16.6s infinite;
        }

        .snowflake._sm-81 {
            left: 70vw;
            filter: blur(1px);
            animation: 25.8s fall -5.2s infinite;
        }

        .snowflake._sm-82 {
            left: 94vw;
            filter: blur(1px);
            animation: 22.2s fall -3.4s infinite;
        }

        .snowflake._sm-83 {
            left: -14vw;
            filter: blur(0px);
            animation: 29.6s fall -6s infinite;
        }

        .snowflake._sm-84 {
            left: 7vw;
            filter: blur(0px);
            animation: 19.2s fall -13.8s infinite;
        }

        .snowflake._sm-85 {
            left: -7vw;
            filter: blur(1px);
            animation: 20s fall -7.6s infinite;
        }

        .snowflake._sm-86 {
            left: -3vw;
            filter: blur(0px);
            animation: 25s fall -4s infinite;
        }

        .snowflake._sm-87 {
            left: 56vw;
            filter: blur(0px);
            animation: 27.6s fall -3.2s infinite;
        }

        .snowflake._sm-88 {
            left: 86vw;
            filter: blur(1px);
            animation: 30s fall -11.6s infinite;
        }

        .snowflake._sm-89 {
            left: 61vw;
            filter: blur(0px);
            animation: 21.4s fall -17.8s infinite;
        }

        .snowflake._sm-90 {
            left: 53vw;
            filter: blur(1px);
            animation: 17s fall -14.6s infinite;
        }

        .snowflake._sm-91 {
            left: 48vw;
            filter: blur(0px);
            animation: 25.6s fall -12.2s infinite;
        }

        .snowflake._sm-92 {
            left: 23vw;
            filter: blur(1px);
            animation: 25.4s fall -17.4s infinite;
        }

        .snowflake._sm-93 {
            left: 24vw;
            filter: blur(0px);
            animation: 17.6s fall -1.8s infinite;
        }

        .snowflake._sm-94 {
            left: 15vw;
            filter: blur(0px);
            animation: 26s fall -3.8s infinite;
        }

        .snowflake._sm-95 {
            left: 53vw;
            filter: blur(0px);
            animation: 23.8s fall -7.4s infinite;
        }

        .snowflake._sm-96 {
            left: 2vw;
            filter: blur(0px);
            animation: 13.4s fall -9s infinite;
        }

        .snowflake._sm-97 {
            left: 13vw;
            filter: blur(0px);
            animation: 18.8s fall -4.6s infinite;
        }

        .snowflake._sm-98 {
            left: 81vw;
            filter: blur(1px);
            animation: 24.4s fall -16s infinite;
        }

        .snowflake._sm-99 {
            left: -12vw;
            filter: blur(1px);
            animation: 24s fall -7.4s infinite;
        }

        .snowflake._sm-100 {
            left: 26vw;
            filter: blur(1px);
            animation: 20.2s fall -19.6s infinite;
        }

        .snowflake._sm-101 {
            left: 97vw;
            filter: blur(1px);
            animation: 25s fall -2.2s infinite;
        }

        .snowflake._sm-102 {
            left: 95vw;
            filter: blur(0px);
            animation: 23.6s fall -12.4s infinite;
        }

        .snowflake._sm-103 {
            left: 30vw;
            filter: blur(0px);
            animation: 11.2s fall -4.2s infinite;
        }

        .snowflake._sm-104 {
            left: 86vw;
            filter: blur(0px);
            animation: 10.6s fall -17s infinite;
        }

        .snowflake._sm-105 {
            left: 12vw;
            filter: blur(0px);
            animation: 11s fall -12.6s infinite;
        }

        .snowflake._sm-106 {
            left: 35vw;
            filter: blur(0px);
            animation: 21.2s fall -16.6s infinite;
        }

        .snowflake._sm-107 {
            left: 20vw;
            filter: blur(1px);
            animation: 17.2s fall -0.6s infinite;
        }

        .snowflake._sm-108 {
            left: 33vw;
            filter: blur(1px);
            animation: 18.2s fall -9.4s infinite;
        }

        .snowflake._sm-109 {
            left: 86vw;
            filter: blur(0px);
            animation: 18.6s fall -9.6s infinite;
        }

        .snowflake._sm-110 {
            left: 100vw;
            filter: blur(1px);
            animation: 16.8s fall -14s infinite;
        }

        .snowflake._sm-111 {
            left: 84vw;
            filter: blur(0px);
            animation: 16.6s fall -12.4s infinite;
        }

        .snowflake._sm-112 {
            left: 42vw;
            filter: blur(1px);
            animation: 23.2s fall -6.8s infinite;
        }

        .snowflake._sm-113 {
            left: -18vw;
            filter: blur(0px);
            animation: 14.2s fall -9.2s infinite;
        }

        .snowflake._sm-114 {
            left: 48vw;
            filter: blur(0px);
            animation: 18.8s fall -11.8s infinite;
        }

        .snowflake._sm-115 {
            left: 13vw;
            filter: blur(1px);
            animation: 21.6s fall -10.6s infinite;
        }

        .snowflake._sm-116 {
            left: 36vw;
            filter: blur(1px);
            animation: 27.4s fall -5.2s infinite;
        }

        .snowflake._sm-117 {
            left: 51vw;
            filter: blur(1px);
            animation: 15s fall -16s infinite;
        }

        .snowflake._sm-118 {
            left: 55vw;
            filter: blur(1px);
            animation: 25s fall -14.6s infinite;
        }

        .snowflake._sm-119 {
            left: 58vw;
            filter: blur(0px);
            animation: 20.2s fall -7.2s infinite;
        }

        .snowflake._sm-120 {
            left: 5vw;
            filter: blur(1px);
            animation: 11.4s fall -12.8s infinite;
        }

        .snowflake._sm-121 {
            left: -9vw;
            filter: blur(1px);
            animation: 16.8s fall -18.6s infinite;
        }

        .snowflake._sm-122 {
            left: 92vw;
            filter: blur(1px);
            animation: 16.8s fall -6.8s infinite;
        }

        .snowflake._sm-123 {
            left: 21vw;
            filter: blur(1px);
            animation: 24.6s fall -14.8s infinite;
        }

        .snowflake._sm-124 {
            left: 69vw;
            filter: blur(1px);
            animation: 26.8s fall -19.4s infinite;
        }

        .snowflake._sm-125 {
            left: 97vw;
            filter: blur(1px);
            animation: 17.6s fall -6.6s infinite;
        }

        .snowflake._sm-126 {
            left: 78vw;
            filter: blur(0px);
            animation: 10.8s fall -14.8s infinite;
        }

        .snowflake._sm-127 {
            left: 6vw;
            filter: blur(1px);
            animation: 22.6s fall -8s infinite;
        }

        .snowflake._sm-128 {
            left: 7vw;
            filter: blur(0px);
            animation: 16.6s fall -15.6s infinite;
        }

        .snowflake._sm-129 {
            left: 87vw;
            filter: blur(0px);
            animation: 18.6s fall -17.4s infinite;
        }

        .snowflake._sm-130 {
            left: 28vw;
            filter: blur(1px);
            animation: 28s fall -19.6s infinite;
        }

        .snowflake._sm-131 {
            left: 63vw;
            filter: blur(1px);
            animation: 26.2s fall -1s infinite;
        }

        .snowflake._sm-132 {
            left: 54vw;
            filter: blur(0px);
            animation: 13s fall -15.8s infinite;
        }

        .snowflake._sm-133 {
            left: 82vw;
            filter: blur(0px);
            animation: 20s fall -2.8s infinite;
        }

        .snowflake._sm-134 {
            left: 5vw;
            filter: blur(1px);
            animation: 26.6s fall -3s infinite;
        }

        .snowflake._sm-135 {
            left: 10vw;
            filter: blur(1px);
            animation: 19.8s fall -18.8s infinite;
        }

        .snowflake._sm-136 {
            left: 6vw;
            filter: blur(1px);
            animation: 13s fall -5.4s infinite;
        }

        .snowflake._sm-137 {
            left: -12vw;
            filter: blur(1px);
            animation: 22.6s fall -12s infinite;
        }

        .snowflake._sm-138 {
            left: 35vw;
            filter: blur(0px);
            animation: 21.4s fall -19.8s infinite;
        }

        .snowflake._sm-139 {
            left: 22vw;
            filter: blur(0px);
            animation: 29.4s fall -9.4s infinite;
        }

        .snowflake._sm-140 {
            left: 7vw;
            filter: blur(0px);
            animation: 19s fall -3.8s infinite;
        }

        .snowflake._sm-141 {
            left: 66vw;
            filter: blur(0px);
            animation: 12.8s fall -6.6s infinite;
        }

        .snowflake._sm-142 {
            left: -3vw;
            filter: blur(0px);
            animation: 21.4s fall -2.4s infinite;
        }

        .snowflake._sm-143 {
            left: -7vw;
            filter: blur(0px);
            animation: 24.2s fall -18.8s infinite;
        }

        .snowflake._sm-144 {
            left: 95vw;
            filter: blur(1px);
            animation: 18.8s fall -16.8s infinite;
        }

        .snowflake._sm-145 {
            left: 60vw;
            filter: blur(1px);
            animation: 24.4s fall -14.6s infinite;
        }

        .snowflake._sm-146 {
            left: 66vw;
            filter: blur(0px);
            animation: 11.6s fall -16.8s infinite;
        }

        .snowflake._sm-147 {
            left: 44vw;
            filter: blur(0px);
            animation: 28s fall -1.4s infinite;
        }

        .snowflake._sm-148 {
            left: -4vw;
            filter: blur(0px);
            animation: 15.2s fall -14.6s infinite;
        }

        .snowflake._sm-149 {
            left: 76vw;
            filter: blur(1px);
            animation: 12.8s fall -16.2s infinite;
        }

        .snowflake._sm-150 {
            left: 30vw;
            filter: blur(1px);
            animation: 28.6s fall -7.2s infinite;
        }

        .snowflake._sm-151 {
            left: 0vw;
            filter: blur(1px);
            animation: 19s fall -18.6s infinite;
        }

        .snowflake._sm-152 {
            left: -17vw;
            filter: blur(1px);
            animation: 23.2s fall -17.8s infinite;
        }

        .snowflake._sm-153 {
            left: 67vw;
            filter: blur(1px);
            animation: 22.2s fall -15.2s infinite;
        }

        .snowflake._sm-154 {
            left: 12vw;
            filter: blur(1px);
            animation: 13.4s fall -15.4s infinite;
        }

        .snowflake._sm-155 {
            left: 39vw;
            filter: blur(1px);
            animation: 13s fall -8s infinite;
        }

        .snowflake._sm-156 {
            left: -10vw;
            filter: blur(0px);
            animation: 29.6s fall -9.2s infinite;
        }

        .snowflake._sm-157 {
            left: 17vw;
            filter: blur(0px);
            animation: 23.2s fall -1.6s infinite;
        }

        .snowflake._sm-158 {
            left: 49vw;
            filter: blur(1px);
            animation: 12.8s fall -12.2s infinite;
        }

        .snowflake._sm-159 {
            left: -5vw;
            filter: blur(1px);
            animation: 18.6s fall -1.2s infinite;
        }

        .snowflake._sm-160 {
            left: 99vw;
            filter: blur(0px);
            animation: 29.2s fall -9.2s infinite;
        }

        .snowflake._sm-161 {
            left: -10vw;
            filter: blur(0px);
            animation: 14.6s fall -17s infinite;
        }

        .snowflake._sm-162 {
            left: 40vw;
            filter: blur(1px);
            animation: 29.8s fall -15.6s infinite;
        }

        .snowflake._sm-163 {
            left: 55vw;
            filter: blur(1px);
            animation: 29.4s fall -16.6s infinite;
        }

        .snowflake._sm-164 {
            left: 72vw;
            filter: blur(1px);
            animation: 17s fall -1s infinite;
        }

        .snowflake._sm-165 {
            left: 7vw;
            filter: blur(1px);
            animation: 24.2s fall -0.8s infinite;
        }

        .snowflake._sm-166 {
            left: 53vw;
            filter: blur(1px);
            animation: 13.8s fall -19.6s infinite;
        }

        .snowflake._sm-167 {
            left: 27vw;
            filter: blur(0px);
            animation: 19.2s fall -18.8s infinite;
        }

        .snowflake._sm-168 {
            left: 41vw;
            filter: blur(1px);
            animation: 21.8s fall -8.2s infinite;
        }

        .snowflake._sm-169 {
            left: 95vw;
            filter: blur(1px);
            animation: 26s fall -1.6s infinite;
        }

        .snowflake._sm-170 {
            left: 52vw;
            filter: blur(1px);
            animation: 23.4s fall -19.4s infinite;
        }

        .snowflake._sm-171 {
            left: 62vw;
            filter: blur(1px);
            animation: 12.6s fall -9s infinite;
        }

        .snowflake._sm-172 {
            left: -16vw;
            filter: blur(1px);
            animation: 24.4s fall -11.8s infinite;
        }

        .snowflake._sm-173 {
            left: 55vw;
            filter: blur(0px);
            animation: 30s fall -6.2s infinite;
        }

        .snowflake._sm-174 {
            left: 48vw;
            filter: blur(1px);
            animation: 18.2s fall -1.6s infinite;
        }

        .snowflake._sm-175 {
            left: 90vw;
            filter: blur(0px);
            animation: 23s fall -3.2s infinite;
        }

        .snowflake._sm-176 {
            left: 40vw;
            filter: blur(1px);
            animation: 11.6s fall -7s infinite;
        }

        .snowflake._sm-177 {
            left: 34vw;
            filter: blur(1px);
            animation: 13.2s fall -11.2s infinite;
        }

        .snowflake._sm-178 {
            left: 27vw;
            filter: blur(1px);
            animation: 11.8s fall -1s infinite;
        }

        .snowflake._sm-179 {
            left: 47vw;
            filter: blur(0px);
            animation: 16s fall -4.4s infinite;
        }

        .snowflake._sm-180 {
            left: 40vw;
            filter: blur(0px);
            animation: 15.6s fall -15.8s infinite;
        }

        .snowflake._sm-181 {
            left: 27vw;
            filter: blur(1px);
            animation: 19.2s fall -5.6s infinite;
        }

        .snowflake._sm-182 {
            left: 57vw;
            filter: blur(0px);
            animation: 11.6s fall -13.8s infinite;
        }

        .snowflake._sm-183 {
            left: 60vw;
            filter: blur(0px);
            animation: 16.4s fall -15.2s infinite;
        }

        .snowflake._sm-184 {
            left: 94vw;
            filter: blur(0px);
            animation: 13.6s fall -0.8s infinite;
        }

        .snowflake._sm-185 {
            left: 84vw;
            filter: blur(0px);
            animation: 25s fall -10.8s infinite;
        }

        .snowflake._sm-186 {
            left: 72vw;
            filter: blur(0px);
            animation: 17.4s fall -5.4s infinite;
        }

        .snowflake._sm-187 {
            left: 38vw;
            filter: blur(0px);
            animation: 25s fall -11.8s infinite;
        }

        .snowflake._sm-188 {
            left: 29vw;
            filter: blur(1px);
            animation: 13.8s fall -17.2s infinite;
        }

        .snowflake._sm-189 {
            left: 17vw;
            filter: blur(0px);
            animation: 23.6s fall -12.6s infinite;
        }

        .snowflake._sm-190 {
            left: 98vw;
            filter: blur(0px);
            animation: 23s fall -7s infinite;
        }

        .snowflake._sm-191 {
            left: -14vw;
            filter: blur(0px);
            animation: 22.4s fall -5.6s infinite;
        }

        .snowflake._sm-192 {
            left: 41vw;
            filter: blur(1px);
            animation: 23s fall -15.4s infinite;
        }

        .snowflake._sm-193 {
            left: 65vw;
            filter: blur(1px);
            animation: 16.6s fall -20s infinite;
        }

        .snowflake._sm-194 {
            left: 82vw;
            filter: blur(1px);
            animation: 19.6s fall -10.8s infinite;
        }

        .snowflake._sm-195 {
            left: 75vw;
            filter: blur(0px);
            animation: 16.2s fall -11.2s infinite;
        }

        .snowflake._sm-196 {
            left: 2vw;
            filter: blur(0px);
            animation: 17.4s fall -5.8s infinite;
        }

        .snowflake._sm-197 {
            left: 35vw;
            filter: blur(1px);
            animation: 14.6s fall -3.6s infinite;
        }

        .snowflake._sm-198 {
            left: 79vw;
            filter: blur(1px);
            animation: 29.4s fall -7.4s infinite;
        }

        .snowflake._sm-199 {
            left: -11vw;
            filter: blur(0px);
            animation: 14.4s fall -9.6s infinite;
        }

        .snowflake._sm-200 {
            left: 32vw;
            filter: blur(1px);
            animation: 26.6s fall -19s infinite;
        }

        .snowflake._sm-201 {
            left: 7vw;
            filter: blur(0px);
            animation: 17.8s fall -1.2s infinite;
        }

        .snowflake._sm-202 {
            left: 89vw;
            filter: blur(0px);
            animation: 18s fall -15.6s infinite;
        }

        .snowflake._sm-203 {
            left: 15vw;
            filter: blur(0px);
            animation: 18.4s fall -16.2s infinite;
        }

        .snowflake._sm-204 {
            left: -8vw;
            filter: blur(1px);
            animation: 24.2s fall -0.6s infinite;
        }

        .snowflake._sm-205 {
            left: 23vw;
            filter: blur(1px);
            animation: 24.4s fall -4.6s infinite;
        }

        .snowflake._sm-206 {
            left: 8vw;
            filter: blur(0px);
            animation: 23.8s fall -3s infinite;
        }

        .snowflake._sm-207 {
            left: 79vw;
            filter: blur(1px);
            animation: 25.8s fall -15s infinite;
        }

        .snowflake._sm-208 {
            left: -12vw;
            filter: blur(0px);
            animation: 21s fall -14.2s infinite;
        }

        .snowflake._sm-209 {
            left: 61vw;
            filter: blur(1px);
            animation: 16s fall -15.2s infinite;
        }

        .snowflake._sm-210 {
            left: 46vw;
            filter: blur(1px);
            animation: 21.6s fall -5.2s infinite;
        }

        .snowflake._sm-211 {
            left: 49vw;
            filter: blur(1px);
            animation: 10.8s fall -6.4s infinite;
        }

        .snowflake._sm-212 {
            left: 42vw;
            filter: blur(1px);
            animation: 19s fall -11.2s infinite;
        }

        .snowflake._sm-213 {
            left: 18vw;
            filter: blur(0px);
            animation: 29.2s fall -7.6s infinite;
        }

        .snowflake._sm-214 {
            left: -8vw;
            filter: blur(1px);
            animation: 22.8s fall -2.4s infinite;
        }

        .snowflake._sm-215 {
            left: 50vw;
            filter: blur(1px);
            animation: 27.8s fall -2.2s infinite;
        }

        .snowflake._sm-216 {
            left: 77vw;
            filter: blur(0px);
            animation: 25.2s fall -4.4s infinite;
        }

        .snowflake._sm-217 {
            left: 70vw;
            filter: blur(0px);
            animation: 25s fall -16s infinite;
        }

        .snowflake._sm-218 {
            left: 72vw;
            filter: blur(1px);
            animation: 17.8s fall -8s infinite;
        }

        .snowflake._sm-219 {
            left: 52vw;
            filter: blur(0px);
            animation: 13.4s fall -5.8s infinite;
        }

        .snowflake._sm-220 {
            left: 58vw;
            filter: blur(1px);
            animation: 27.4s fall -4s infinite;
        }

        .snowflake._sm-221 {
            left: 95vw;
            filter: blur(0px);
            animation: 27.8s fall -2.2s infinite;
        }

        .snowflake._sm-222 {
            left: 48vw;
            filter: blur(0px);
            animation: 20s fall -13s infinite;
        }

        .snowflake._sm-223 {
            left: 74vw;
            filter: blur(0px);
            animation: 17.8s fall -8.4s infinite;
        }

        .snowflake._sm-224 {
            left: 17vw;
            filter: blur(1px);
            animation: 28.4s fall -10s infinite;
        }

        .snowflake._sm-225 {
            left: 51vw;
            filter: blur(1px);
            animation: 10.2s fall -0.4s infinite;
        }

        .snowflake._sm-226 {
            left: 59vw;
            filter: blur(0px);
            animation: 26.6s fall -17.2s infinite;
        }

        .snowflake._sm-227 {
            left: 36vw;
            filter: blur(0px);
            animation: 12.8s fall -13.6s infinite;
        }

        .snowflake._sm-228 {
            left: 98vw;
            filter: blur(1px);
            animation: 15.4s fall -6s infinite;
        }

        .snowflake._sm-229 {
            left: -4vw;
            filter: blur(1px);
            animation: 19.8s fall -8.2s infinite;
        }

        .snowflake._sm-230 {
            left: 28vw;
            filter: blur(1px);
            animation: 12.8s fall -1.6s infinite;
        }

        .snowflake._sm-231 {
            left: 48vw;
            filter: blur(1px);
            animation: 20.4s fall -2.8s infinite;
        }

        .snowflake._sm-232 {
            left: 39vw;
            filter: blur(1px);
            animation: 15.8s fall -16s infinite;
        }

        .snowflake._sm-233 {
            left: 39vw;
            filter: blur(0px);
            animation: 13.6s fall -4s infinite;
        }

        .snowflake._sm-234 {
            left: 1vw;
            filter: blur(1px);
            animation: 15.8s fall -13.2s infinite;
        }

        .snowflake._sm-235 {
            left: 45vw;
            filter: blur(1px);
            animation: 17.2s fall -1s infinite;
        }

        .snowflake._sm-236 {
            left: 10vw;
            filter: blur(1px);
            animation: 18.4s fall -6.2s infinite;
        }

        .snowflake._sm-237 {
            left: 31vw;
            filter: blur(1px);
            animation: 17.8s fall -10.2s infinite;
        }

        .snowflake._sm-238 {
            left: 84vw;
            filter: blur(0px);
            animation: 21.2s fall -1s infinite;
        }

        .snowflake._sm-239 {
            left: -4vw;
            filter: blur(1px);
            animation: 12.8s fall -14.4s infinite;
        }

        .snowflake._sm-240 {
            left: 58vw;
            filter: blur(0px);
            animation: 12.6s fall -14.4s infinite;
        }

        .snowflake._sm-241 {
            left: 3vw;
            filter: blur(1px);
            animation: 16.4s fall -14.6s infinite;
        }

        .snowflake._sm-242 {
            left: 70vw;
            filter: blur(1px);
            animation: 10.8s fall -12s infinite;
        }

        .snowflake._sm-243 {
            left: 44vw;
            filter: blur(1px);
            animation: 15.2s fall -11.2s infinite;
        }

        .snowflake._sm-244 {
            left: 16vw;
            filter: blur(0px);
            animation: 21.8s fall -5.2s infinite;
        }

        .snowflake._sm-245 {
            left: 51vw;
            filter: blur(0px);
            animation: 27.8s fall -6.2s infinite;
        }

        .snowflake._sm-246 {
            left: 53vw;
            filter: blur(1px);
            animation: 16s fall -13s infinite;
        }

        .snowflake._sm-247 {
            left: 17vw;
            filter: blur(0px);
            animation: 13.2s fall -12.4s infinite;
        }

        .snowflake._sm-248 {
            left: -6vw;
            filter: blur(1px);
            animation: 19.4s fall -2.6s infinite;
        }

        .snowflake._sm-249 {
            left: 30vw;
            filter: blur(0px);
            animation: 21.4s fall -16.2s infinite;
        }

        .snowflake._sm-250 {
            left: 48vw;
            filter: blur(1px);
            animation: 28s fall -14.2s infinite;
        }

        .snowflake._md-1 {
            left: 96vw;
            filter: blur(1px);
            animation: 22.8s fall -13.8s infinite;
        }

        .snowflake._md-2 {
            left: 28vw;
            filter: blur(1px);
            animation: 13s fall -15.4s infinite;
        }

        .snowflake._md-3 {
            left: -14vw;
            filter: blur(0px);
            animation: 26.2s fall -19.6s infinite;
        }

        .snowflake._md-4 {
            left: 12vw;
            filter: blur(0px);
            animation: 29.8s fall -16s infinite;
        }

        .snowflake._md-5 {
            left: 66vw;
            filter: blur(1px);
            animation: 14.4s fall -14s infinite;
        }

        .snowflake._md-6 {
            left: 6vw;
            filter: blur(1px);
            animation: 18.8s fall -2.2s infinite;
        }

        .snowflake._md-7 {
            left: 3vw;
            filter: blur(1px);
            animation: 26.8s fall -10.4s infinite;
        }

        .snowflake._md-8 {
            left: 46vw;
            filter: blur(0px);
            animation: 13s fall -13.2s infinite;
        }

        .snowflake._md-9 {
            left: 3vw;
            filter: blur(1px);
            animation: 28.6s fall -13.6s infinite;
        }

        .snowflake._md-10 {
            left: 97vw;
            filter: blur(0px);
            animation: 22s fall -2s infinite;
        }

        .snowflake._md-11 {
            left: 54vw;
            filter: blur(0px);
            animation: 16.2s fall -17.6s infinite;
        }

        .snowflake._md-12 {
            left: 27vw;
            filter: blur(0px);
            animation: 10.8s fall -0.8s infinite;
        }

        .snowflake._md-13 {
            left: 65vw;
            filter: blur(1px);
            animation: 28s fall -9.2s infinite;
        }

        .snowflake._md-14 {
            left: 58vw;
            filter: blur(1px);
            animation: 15.2s fall -2.6s infinite;
        }

        .snowflake._md-15 {
            left: 55vw;
            filter: blur(0px);
            animation: 16.2s fall -15.4s infinite;
        }

        .snowflake._md-16 {
            left: 89vw;
            filter: blur(0px);
            animation: 12.8s fall -6.4s infinite;
        }

        .snowflake._md-17 {
            left: 50vw;
            filter: blur(1px);
            animation: 19s fall -11s infinite;
        }

        .snowflake._md-18 {
            left: 80vw;
            filter: blur(1px);
            animation: 29.4s fall -11.6s infinite;
        }

        .snowflake._md-19 {
            left: 26vw;
            filter: blur(0px);
            animation: 18.2s fall -12s infinite;
        }

        .snowflake._md-20 {
            left: 79vw;
            filter: blur(0px);
            animation: 12s fall -0.8s infinite;
        }

        .snowflake._md-21 {
            left: -19vw;
            filter: blur(0px);
            animation: 25.6s fall -3s infinite;
        }

        .snowflake._md-22 {
            left: 1vw;
            filter: blur(1px);
            animation: 29.4s fall -4.2s infinite;
        }

        .snowflake._md-23 {
            left: 20vw;
            filter: blur(1px);
            animation: 13s fall -18.6s infinite;
        }

        .snowflake._md-24 {
            left: 18vw;
            filter: blur(0px);
            animation: 27.8s fall -5s infinite;
        }

        .snowflake._md-25 {
            left: 25vw;
            filter: blur(1px);
            animation: 22.8s fall -9.4s infinite;
        }

        .snowflake._md-26 {
            left: 27vw;
            filter: blur(1px);
            animation: 17.6s fall -12.2s infinite;
        }

        .snowflake._md-27 {
            left: 88vw;
            filter: blur(0px);
            animation: 11.2s fall -14s infinite;
        }

        .snowflake._md-28 {
            left: 74vw;
            filter: blur(1px);
            animation: 27s fall -3.2s infinite;
        }

        .snowflake._md-29 {
            left: 41vw;
            filter: blur(0px);
            animation: 15.4s fall -20s infinite;
        }

        .snowflake._md-30 {
            left: 83vw;
            filter: blur(0px);
            animation: 23.4s fall -10.2s infinite;
        }

        .snowflake._md-31 {
            left: -14vw;
            filter: blur(1px);
            animation: 24s fall -2.8s infinite;
        }

        .snowflake._md-32 {
            left: 9vw;
            filter: blur(0px);
            animation: 15.2s fall -8.6s infinite;
        }

        .snowflake._md-33 {
            left: 23vw;
            filter: blur(0px);
            animation: 14.8s fall -3.4s infinite;
        }

        .snowflake._md-34 {
            left: 57vw;
            filter: blur(0px);
            animation: 13.4s fall -16.8s infinite;
        }

        .snowflake._md-35 {
            left: 90vw;
            filter: blur(1px);
            animation: 29s fall -15.8s infinite;
        }

        .snowflake._md-36 {
            left: 37vw;
            filter: blur(0px);
            animation: 29s fall -2.8s infinite;
        }

        .snowflake._md-37 {
            left: 44vw;
            filter: blur(0px);
            animation: 30s fall -9.8s infinite;
        }

        .snowflake._md-38 {
            left: 21vw;
            filter: blur(1px);
            animation: 28.4s fall -1.2s infinite;
        }

        .snowflake._md-39 {
            left: 82vw;
            filter: blur(1px);
            animation: 15.6s fall -8.4s infinite;
        }

        .snowflake._md-40 {
            left: 99vw;
            filter: blur(0px);
            animation: 17.6s fall -5s infinite;
        }

        .snowflake._md-41 {
            left: 18vw;
            filter: blur(0px);
            animation: 16.8s fall -12.4s infinite;
        }

        .snowflake._md-42 {
            left: 30vw;
            filter: blur(0px);
            animation: 20s fall -4.4s infinite;
        }

        .snowflake._md-43 {
            left: -17vw;
            filter: blur(1px);
            animation: 26.2s fall -8.6s infinite;
        }

        .snowflake._md-44 {
            left: -18vw;
            filter: blur(1px);
            animation: 14.2s fall -0.2s infinite;
        }

        .snowflake._md-45 {
            left: 49vw;
            filter: blur(0px);
            animation: 14.2s fall -15s infinite;
        }

        .snowflake._md-46 {
            left: -7vw;
            filter: blur(0px);
            animation: 27s fall -19.2s infinite;
        }

        .snowflake._md-47 {
            left: 80vw;
            filter: blur(0px);
            animation: 13.2s fall -6.6s infinite;
        }

        .snowflake._md-48 {
            left: 94vw;
            filter: blur(0px);
            animation: 17.8s fall -1.2s infinite;
        }

        .snowflake._md-49 {
            left: -5vw;
            filter: blur(1px);
            animation: 18.8s fall -13s infinite;
        }

        .snowflake._md-50 {
            left: 29vw;
            filter: blur(1px);
            animation: 21.6s fall -11.8s infinite;
        }

        .snowflake._lg-1 {
            left: 28vw;
            animation: 18.6s fall -19.2s infinite;
        }

        .snowflake._lg-2 {
            left: 94vw;
            animation: 14.2s fall -10.8s infinite;
        }

        .snowflake._lg-3 {
            left: 59vw;
            animation: 21.4s fall -2.4s infinite;
        }

        .snowflake._lg-4 {
            left: 30vw;
            animation: 19.4s fall -12.4s infinite;
        }

        .snowflake._lg-5 {
            left: -16vw;
            animation: 29.2s fall -14.6s infinite;
        }

        .snowflake._lg-6 {
            left: 30vw;
            animation: 21.2s fall -9.8s infinite;
        }

        .snowflake._lg-7 {
            left: 7vw;
            animation: 15.8s fall -19.2s infinite;
        }

        .snowflake._lg-8 {
            left: 52vw;
            animation: 27.6s fall -2.8s infinite;
        }

        .snowflake._lg-9 {
            left: -13vw;
            animation: 11.6s fall -12.2s infinite;
        }

        .snowflake._lg-10 {
            left: -4vw;
            animation: 20.2s fall -16.2s infinite;
        }

        .snowflake._lg-11 {
            left: 86vw;
            animation: 19.4s fall -16s infinite;
        }

        .snowflake._lg-12 {
            left: -1vw;
            animation: 25.4s fall -19.6s infinite;
        }

        .snowflake._lg-13 {
            left: 96vw;
            animation: 11s fall -6.8s infinite;
        }

        .snowflake._lg-14 {
            left: 40vw;
            animation: 14s fall -14.4s infinite;
        }

        .snowflake._lg-15 {
            left: -17vw;
            animation: 23.4s fall -9.6s infinite;
        }

        .snowflake._lg-16 {
            left: 2vw;
            animation: 16s fall -8.6s infinite;
        }

        .snowflake._lg-17 {
            left: -15vw;
            animation: 25.6s fall -18.2s infinite;
        }

        .snowflake._lg-18 {
            left: 27vw;
            animation: 27.6s fall -2.6s infinite;
        }

        .snowflake._lg-19 {
            left: 48vw;
            animation: 11s fall -14s infinite;
        }

        .snowflake._lg-20 {
            left: 19vw;
            animation: 17.4s fall -16.4s infinite;
        }

        .snowflake._lg-21 {
            left: 50vw;
            animation: 29s fall -15.4s infinite;
        }

        .snowflake._lg-22 {
            left: 35vw;
            animation: 24.6s fall -4.2s infinite;
        }

        .snowflake._lg-23 {
            left: 77vw;
            animation: 17.8s fall -15.8s infinite;
        }

        .snowflake._lg-24 {
            left: 95vw;
            animation: 20.4s fall -9.8s infinite;
        }

        .snowflake._lg-25 {
            left: 21vw;
            animation: 28.2s fall -15.4s infinite;
        }

        .snowflake._lg-26 {
            left: 24vw;
            animation: 14.6s fall -3.2s infinite;
        }

        .snowflake._lg-27 {
            left: 99vw;
            animation: 25.8s fall -19.6s infinite;
        }

        .snowflake._lg-28 {
            left: 87vw;
            animation: 15.6s fall -8s infinite;
        }

        .snowflake._lg-29 {
            left: 0vw;
            animation: 21s fall -0.8s infinite;
        }

        .snowflake._lg-30 {
            left: 85vw;
            animation: 20s fall -0.4s infinite;
        }

        .snowflake._lg-31 {
            left: 44vw;
            animation: 18.6s fall -16s infinite;
        }

        .snowflake._lg-32 {
            left: 23vw;
            animation: 28s fall -17s infinite;
        }

        .snowflake._lg-33 {
            left: 1vw;
            animation: 25.4s fall -8.2s infinite;
        }

        .snowflake._lg-34 {
            left: 15vw;
            animation: 13s fall -4.6s infinite;
        }

        .snowflake._lg-35 {
            left: 40vw;
            animation: 17s fall -16.2s infinite;
        }

        .snowflake._lg-36 {
            left: 10vw;
            animation: 22s fall -17s infinite;
        }

        .snowflake._lg-37 {
            left: 21vw;
            animation: 14.6s fall -12.4s infinite;
        }

        .snowflake._lg-38 {
            left: 98vw;
            animation: 11s fall -11.2s infinite;
        }

        .snowflake._lg-39 {
            left: 0vw;
            animation: 15.2s fall -4.8s infinite;
        }

        .snowflake._lg-40 {
            left: 10vw;
            animation: 16.4s fall -19.4s infinite;
        }

        .snowflake._lg-41 {
            left: 67vw;
            animation: 11.2s fall -4.2s infinite;
        }

        .snowflake._lg-42 {
            left: 28vw;
            animation: 15.4s fall -2s infinite;
        }

        .snowflake._lg-43 {
            left: 41vw;
            animation: 29.4s fall -4s infinite;
        }

        .snowflake._lg-44 {
            left: 46vw;
            animation: 21.8s fall -15.6s infinite;
        }

        .snowflake._lg-45 {
            left: 95vw;
            animation: 26.4s fall -9s infinite;
        }

        .snowflake._lg-46 {
            left: 27vw;
            animation: 24.6s fall -19.2s infinite;
        }

        .snowflake._lg-47 {
            left: 46vw;
            animation: 26.6s fall -10s infinite;
        }

        .snowflake._lg-48 {
            left: -8vw;
            animation: 15.4s fall -3.4s infinite;
        }

        .snowflake._lg-49 {
            left: 92vw;
            animation: 15s fall -14.6s infinite;
        }

        .snowflake._lg-50 {
            left: 8vw;
            animation: 19.2s fall -19s infinite;
        }

        @keyframes flickr {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.2;
            }
        }

        @keyframes fall {
            0% {
                transform: translate(0, 0);
            }

            100% {
                transform: translate(20vw, 110vh);
            }
        }

        .ground {
            border-top-right-radius: 71vw40px;
            position: absolute;
            width: 73vw;
            height: 61px;
            left: 0;
            bottom: 0;
            background: white;
        }

        .ground:before {
            border-radius: 50%;
            content: " ";
            position: absolute;
            width: 71vw;
            height: 100px;
            top: 10px;
            right: -33vw;
            background: white;
        }

        .ground:after {
            border-radius: 50%;
            content: " ";
            position: absolute;
            width: 38vw;
            height: 70px;
            top: 5px;
            right: -41vw;
            background: white;
        }

        .candy {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #add8e6;
            border-radius: 50%;
            pointer-events: none;
            animation: explode 1.25s ease-out forwards;
        }

        @keyframes explode {
            0% {
                transform: scale(0.5) translate(0, 0);
                opacity: 1;
            }

            100% {
                transform: scale(0.2) translate(var(--x), var(--y));
                opacity: 0;
            }
        }
    </style>
</head>

<body>
    <div class="header">
        <h1>
            <div class="newYear">2025</div>
            <div class="title">倒计时</div>
        </h1>
        <h2 class="countdown">
            <div id="countdown-days"></div>
            <div id="countdown-hours"></div>
            <div id="countdown-minutes"></div>
            <div id="countdown-seconds"></div>
        </h2>
    </div>
    <div class="winter-wrapper" id="winter-wrapper"></div>

</body>
<script>
    let autoFireworksInterval, winterWrapper = document.getElementById("winter-wrapper");
    function startFk() { autoFireworksInterval = setInterval(() => { startFireworks({ clientX: Math.random() * (window.innerWidth * 0.75 - window.innerWidth * 0.25) + window.innerWidth * 0.25, clientY: Math.random() * (window.innerHeight * 0.6 - window.innerHeight * 0.25) + window.innerHeight * 0.25 }); }, 1250); }
    winterWrapper.addEventListener("click", (event) => { startFireworks(event); });
    let S = 1000 * 60, H = S * 60, D = H * 24, daysContainer = document.getElementById("countdown-days"), hoursContainer = document.getElementById("countdown-hours"), minutesContainer = document.getElementById("countdown-minutes"), secondsContainer = document.getElementById("countdown-seconds");
    const startCounter = setInterval(() => {
        const today = new Date(); const targetYear = 1900 + today.getYear() + 1; const targetDate = new Date(`2025 01 01 00:00:00`).getTime(); const now = today.getTime(); const timeLeft = targetDate - now; const days = Math.floor(timeLeft / D); const hours = Math.floor((timeLeft % D) / H); const minutes = Math.floor((timeLeft % H) / S); const seconds = Math.floor((timeLeft % S) / 1000);
        daysContainer.textContent = `${days}天`; hoursContainer.textContent = `${hours}时`; minutesContainer.textContent = `${minutes}分`; secondsContainer.textContent = `${seconds}秒`;
        if (days <= 0) {
            daysContainer.style.display = "none"; if (hours <= 0) { hoursContainer.style.display = "none"; if (minutes <= 0) { minutesContainer.style.display = "none"; if (seconds <= 0) { secondsContainer.innerHTML = "新年快乐"; winterWrapper.style.display = 'block'; startFk(); clearInterval(startCounter); } } }
        } else { daysContainer.style.display = "block"; hoursContainer.style.display = "block"; minutesContainer.style.display = "block"; }
    }, 1000);
    window.onload = function (e) { startCounter(); };
    const createSnowflake = (winterWrapper, count, prefix = "") => { for (let i = 1; i <= count; i++) { const snowflake = document.createElement("div"); snowflake.className = `snowflake ${prefix} ${prefix}-${i}`; winterWrapper.appendChild(snowflake); } };
    const startFireworks = ({ clientX, clientY }) => {
        const candyCount = 150; const candies = []; const colors = ["#50ade6", "#6af27a", "#fff66f", "#ff876f", "#ff6e8d", "#d871c7"];
        for (let i = 0; i < candyCount; i++) { const candy = document.createElement("div"); candy.classList.add("candy"); const randomColor = colors[Math.floor(Math.random() * colors.length)]; candy.style.background = randomColor; const size = Math.random() * 10 + 10; candy.style.width = `${size}px`; candy.style.height = `${size}px`; const angle = Math.random() * 2 * Math.PI; const distance = Math.random() * 50 + 10; const x = Math.cos(angle) * distance + "vw"; const y = Math.sin(angle) * distance + "vw"; candy.style.setProperty("--x", x); candy.style.setProperty("--y", y); candy.style.left = `${clientX - 10}px`; candy.style.top = `${clientY - 10}px`; document.body.appendChild(candy); candies.push(candy); }
        setTimeout(() => { candies.forEach((candy) => candy.remove()); }, 1250);
    };
    window.onload = function (e) {
        const wrapConfig = [{ className: "_sm", spanCount: 250 }, { className: "_md", spanCount: 50 }, { className: "_lg", spanCount: 50 }];
        wrapConfig.map(({ className, spanCount }) => createSnowflake(winterWrapper, spanCount, className));
    };
</script>

</html>